<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />
    <link rel="stylesheet" href="../common/css/reset.css" />
    <!-- M站在线聊天头部，返回按钮和店铺按钮 -->
    <style>
      .global_wrap {
        padding-top: 11.73vw !important;
      }
      .new-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 11.73vw;
        background: #ffffff;
        align-items: center;
        padding: 0 4.2667vw;
        font-weight: bold;
        font-size: 4.2667vw;
        color: #1b1f26;
        line-height: 6.4vw;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100;
      }
      .new-header .header-left {
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }
      .new-header .icon-back {
        width: 6.4vw;
        margin-right: 1.0667vw;
      }
      .new-header .icon-shop {
        width: 17vw;
      }
    </style>
  </head>
  <body>
    <!-- 头部 -->
    <div class="new-header">
      <div class="header-left">
        <img
          src="./images/icon-back.png"
          class="icon-back"
          onclick="window.history.back()"
        />
        <p class="page-title">董是</p>
      </div>
      <img src="./images/icon-shop.png" class="icon-shop" />
    </div>
  </body>
</html>
